<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>.:Welcome to LOUD:.</title>
<link rel="stylesheet" type="text/css" href="css/homepage.css" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
</head>

<body>

<div class="header">
    	<div class="title">
        	<h1> LOUD </h1>
            <p id="home"> <a href="homepage.html"> HOME </a>| <a href="#" onClick="alert('You're not registed yet')"> PROFILE </a> </p>
        </div>
        
   		<div class="searching">
        	<div id="sb-search" class="sb-search">
				<form>
				<input class="sb-search-input" placeholder="Search" type="text" value="" name="search" id="search">
				<input class="sb-search-submit" type="submit" value="">
				<span class="sb-icon-search"></span>
				</form>
			</div>
        </div>
</div>
	
<div class="content">
    	<div class="center">
        	<div class="login">
            	<div class="subtitle">
                	BOARD DISCUSSION 
                </div>
            	
                <div class="login_f">
        		<form action="loginpage.html">
        		<input id="username" type="text" name="login" placeholder="Username" required/>
        		<input id="password" type="password" name='password' placeholder="Password" required />
        		<input class="submit" type="submit" name="submit" value="login">     
				</form>
                </div>
                
        	</div>
        
        	<div class="ad">
        
        
        	</div>
            
            <div class="news">
            	<input name="jokowi" type="image" value="jokowi" src="image/1.jpg" width="500" height="300" />	
                	<div class="caption">
                    	
                    </div>
            </div>
            
            <div class="whatshot">
            	<div class="whatshot_1">
                	What's Hot?
                </div>
            </div>
            
            <div class="ad1">
            
            </div>
            
            <div class="category">
            	<div class="category_1">
                
                </div>
            </div>
            
            <div class="ad2">
            
            </div>
        </div>
</div>
    
<div class="footer">

</div>


<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
			new UISearch( document.getElementById( 'sb-search' ) );
</script>
</body>
</html>
